<div>
  <button nz-button nzType="primary" (click)="back()">返回</button>
  <div style="margin-top: 20px">
    <h3>员工姓名：{{this.acceptEmployee.Name}}</h3>
    <div >
      <div nz-row [nzGutter]="50" style="padding:30px;min-width: 1140px;" >
        <nz-card nzHoverable  (click)="detailFiles('1')" style="margin-right: 80px;width: 270px;margin-top: 20px;">
          <h3 style="text-align: center">
            <i nz-icon nzType="copy" nzTheme="outline" style="color: #1890ff;font-size: 30px"></i>
            <h4 style="margin-left: 10px;font-weight: bold;">员工管理</h4>
          </h3>
          <nz-badge nzDot [nzShowDot]="false" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <div style="margin: 10px auto;">
            <p><strong>姓名：</strong><span>{{this.acceptEmployee.Name}}</span></p>
            <p><strong>工号：</strong>{{this.acceptEmployee.Id}}</p>
            <p><strong>岗位：</strong>{{this.acceptEmployee.JobName}}</p>
            <p><strong>员工状态：</strong>{{this.acceptEmployee.StateId}}</p>
          </div>
        </nz-card>

        <nz-card nzHoverable  (click)="detailFiles('2')" style="margin-right: 80px;width: 270px;margin-top: 20px;">
          <h3 style="text-align: center">
            <i nz-icon nzType="copy" nzTheme="outline" style="color: #1890ff;font-size: 30px"></i>
            <h4 style="margin-left: 10px;font-weight: bold;">培训管理</h4>
          </h3>
          <nz-badge nzDot *ngIf="isHot1" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <nz-badge nzDot *ngIf="!isHot1" [nzShowDot]="false" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <div style="margin: 10px auto;" *ngIf=" newMsg.TrainDtos.length != 0">
            <p><strong>培训主题：</strong><span>{{ newMsg.TrainDtos[0].Train.TrainTheme }}</span></p>
            <p><strong>开始时间：</strong>{{ newMsg.TrainDtos[0].Train.TrainStartTime }}</p>
            <p><strong>完成时间：</strong>{{ newMsg.TrainDtos[0].Train.TrainEndTime }}</p>
            <p><strong>培训讲师：</strong>{{ newMsg.TrainDtos[0].TeacherName }}</p>
          </div>
          <div style="margin: 10px auto;" *ngIf="newMsg.TrainDtos.length == 0">此员工没有培训记录</div>
        </nz-card>

        <nz-card nzHoverable  (click)="detailFiles('3')" style="margin-right: 80px;width: 270px;margin-top: 20px;">
          <h3 style="text-align: center">
            <i nz-icon nzType="copy" nzTheme="outline" style="color: #1890ff;font-size: 30px"></i>
            <h4 style="margin-left: 10px;font-weight: bold;">薪资管理</h4>
          </h3>
          <nz-badge nzDot *ngIf="isHot2" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
            <nz-badge nzDot *ngIf="!isHot2"  [nzShowDot]="false" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <div style="margin: 10px auto;">
            <p><strong>最初工资：</strong><span>￥{{ newMsg.SalaryDto.StartSalary }}</span></p>
            <p><strong>现工资：</strong>￥{{ newMsg.SalaryDto.SalaryRecords[0].NewSalary }}</p>
            <p><strong>调整原因：</strong>{{ newMsg.SalaryDto.SalaryRecords[0].ChangeReason }}</p>
            <p><strong>调整时间：</strong>{{ newMsg.SalaryDto.SalaryRecords[0].ChangeTime }}</p>
          </div>
        </nz-card>

        <nz-card nzHoverable (click)="detailFiles('4')" style="width: 270px;margin-top: 20px;">
          <h3 style="text-align: center">
            <i nz-icon nzType="copy" nzTheme="outline" style="color: #1890ff;font-size: 30px"></i>
            <h4 style="margin-left: 10px;font-weight: bold;">奖惩管理</h4>
          </h3>
          <nz-badge nzDot *ngIf="isHot3" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <nz-badge nzDot [nzShowDot]="false" *ngIf="!isHot3" style="margin-top: 20px;"><i nz-icon nzType="notification" style="margin-right: 15px;color: #1890ff;"></i><strong>最新信息</strong></nz-badge>
          <div style="margin: 10px auto;" *ngIf="newMsg.Rewards" >
            <p><strong>奖惩金额：</strong><span>{{ newMsg.Rewards[0].RewardMoney }}</span></p>
            <p><strong>原因：</strong>{{ newMsg.Rewards[0].RewardReason }}</p>
            <p><strong>时间：</strong>{{ newMsg.Rewards[0].RewardTime }}</p>
          </div>
          <div style="margin: 10px auto;" *ngIf="newMsg.Rewards == null" >此员工没有奖惩记录</div>
        </nz-card>
      </div>
    </div>
  </div>
</div>
